<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <title>Mapics JS Maplayer Example: Google Map</title>

        <!-- Meta tags -->
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <!-- Styles -->
        <style type="text/css">
            #obj-layer-map {
                width: 600px;
                height: 400px;
            }
        </style>

        <!-- Mapics JS Maplayer Library -->
        <script src="../sources/Mapics.js" type="text/javascript"></script>
        <script src="../sources/Map.js" type="text/javascript"></script>
        <script src="../sources/MapLayer.js" type="text/javascript"></script>
        <script src="../sources/MapLayerOverlay.js" type="text/javascript"></script>
        <script src="../sources/MapLayerGoogle.js" type="text/javascript"></script>
        <script src="../sources/MapLayerGoogleOverlay.js" type="text/javascript"></script>
        <script src="../sources/MapLayerYandex.js" type="text/javascript"></script>
        <script src="../sources/MapLayerYandexOverlay.js" type="text/javascript"></script>
        <script src="../sources/MapLayerState.js" type="text/javascript"></script>
        <script src="../sources/MapEventListener.js" type="text/javascript"></script>
        <script src="../sources/MapObject.js" type="text/javascript"></script>
    </head>
    
    <body onLoad="mapInitialize();">
        <!-- MAP LAYER -->
        <div id="obj-layer-map"></div>

        <!-- JAVASCRIPT INITIALIZATION -->
        <script type="text/javascript">
            function mapInitialize()
            {
                // Create new map on div with id='obj-layer-map
                var pMap = new mapics.Map( document.getElementById("obj-layer-map") );

                // Initialize google map layer on map's div
                pMap.setMapLayer( new mapics.MapLayerGoogle() );
            }
        </script>
    </body>
</html>